<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片的演示</title>
    <style>
        a{
            text-decoration: none;/*去掉下划线*/
            color: black; /*超链接颜色*/
        }
        /*鼠标悬浮的样式*/
        a:hover{
            color: greenyellow;
        }
    </style>
</head>
<body>
<!--内网连接-->
<img src="img/ad1.jpg"
     title="广告"
     alt="图片找不到了"
     width="300px"
     height="300px"/>
<!--外网连接-->
<img src="http://pic1.win4000.com/m00/c5/c8/d51c0784eb937497183511da16355f12_250_350.jpg">
<br/>
<hr/>
<a href="http://www.baidu.com" target="_blank">百度</a>  <!--在新的页面显示-->
<a href="http://www.souhu.com" target="_self">百度</a>  <!--在当前页面跳转-->
<a href="http://www.taobao.com" target="_blank" title="图片超链接">
    <img src="img/itheima.png" width="342" height="113" ></a><!--图片的超链接-->
</body>
</html>